<template>
  <div class="icon-container" :style="{width: width,height:height}">
    <el-icon :size="props.size">
      <component :is="iconName"></component>
    </el-icon>
  </div>
</template>

<script setup>
const props = defineProps({
  iconName: {type:String,default: 'Close'},
  width: {type:Number,default: 40},
  height: {type:Number,default: 40},
  size: {type:Number,default: 16},
})
</script>


<style scoped lang="less">
.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>